doctype html
head
        meta(http-equiv='Content-Type', content='text/html; charset=utf-8')
        meta(name='viewport', content='width=device-width, initial-scale=1')
        // font awesome
        link(href='/stylesheets/css/font-awesome.css', rel='stylesheet')
        // css
        link(rel='stylesheet', href='/stylesheets/css/styles.css')
        link(rel='stylesheet', href='/stylesheets/css/vendor/github.min.css')
        link(href='/stylesheets/css/jpage.css', rel='stylesheet', type='text/css')
        // js
        script(src='/js/jquery-1.11.1.min.js')

        // jpage
        script(src='/js/jpage.min.js')
        script.
            $('document').ready(function(){
                $('#jpage').jpage({
                    effect: 'crossfade' //'', 'crossfade', 'bricks', 'slideLeft', 'slideRight', 'random'
                });
            });
body
        // main content
        #main-content.box
                #page-content.box
                    // jPage DEMO
                    #jpage.jpage.box
                        // pagination panel
                        #hos_list.list.box.text-shadow(data-type='content')
                            for hospital in hp_list
                                .list-item.box
                                    .image.left
                                        img(src='/images/hospital_image/default_hospital.jpg', alt='', title='')
                                    .block.right
                                        p.date #{hospital.telephoneNumber}
                                        a.title(target="_blank" href="/hospital/details?hp_id="+hospital.id) #{hospital.name}
                                        p.desc #{hospital.information}
                                        p.like #{hospital.address}
                        .box.jpage-panel(data-type='panel')
                    // end of jPage DEMO
